@import "base.scss";
.orders-container{
    height: 100%;
    overflow: hidden;
    padding: 0.9rem .24rem; 
    .top-bar{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        font-family: $f-Regular;
        font-size: .32rem;
        color: $c-2a;
        letter-spacing: .05rem;
        text-align: center;
        padding: .2rem .24rem;
        z-index: 9;
        background: white;
        .goback{
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 1rem;
            background: url("../images/icon/icon_16.png") no-repeat;
            background-size: .16rem .32rem;
            background-position: .24rem center;
        }
    }
    // tab 分页
    .tab-wrapper{
        position: absolute;
        top:.9rem;
        left: 0;
        right: 0;
        bottom:0;
        overflow: hidden;
        .swiper-pagination{
            padding:0 0.24rem;
            height: .7rem;
            width: 100%;
            background:$c-ffba17;
            line-height: .7rem;
            .swiper-pagination-bullet{
                width: 2rem;
                height: 100%;
                background: none;
                color: white;
                font-size: .26rem;
                &:nth-child(1){
                    text-align: left;
                }
                &:nth-child(3){
                    text-align: right;
                }
            }
            .swiper-pagination-bullet-active{
                font-size: .28rem;
                font-weight: bold;
                font-family: $f-Bold;
            }
        }
        .swiper-container{
            height: 100%;
            padding-top:.7rem;
            .swiper-wrapper{
                height: 100%;
                .swiper-slide{
                    height: 100%;
                    overflow: hidden;
                    .content{
                        padding: .24rem;
                        // 订单 card
                        .order-card{
                            padding: 0 .24rem;
                            min-height: 3rem;
                            background: $c-fb;
                            border-radius: $radius-10;
                            margin-bottom:.2rem;
                            .title{
                                height: .74rem;
                                @include bottom-border-1px($c-ef);
                                font-size: .26rem;
                                color: $c-33;
                                .status{
                                    font-family: $f-Bold;
                                    font-weight: bold;
                                    color: $c-ffba17;
                                }
                            }

                            .middle{
                                padding: .24rem 0;
                                @include bottom-border-1px($c-ef);
                                .img{
                                    width: 1.62rem;
                                    height: 1.62rem;
                                    border-radius: $radius-10;
                                    overflow: hidden;
                                }
                                .right{
                                    flex:1;
                                    height:1.62rem;
                                    padding-left: .24rem;
                                    .name{
                                        font-size: .26rem;
                                        color: $c-33;
                                    }
                                    .size{
                                        color: $c-99;
                                        font-size: .22rem;
                                    }
                                    .flex-r-b{
                                        color:$c-33;
                                        font-size: .28rem;
                                    }
                                }
                            }
                            .bottom{
                                padding:.2rem 0 .2rem  1.2rem;
                                .btn{
                                    height: .58rem;
                                    width: 1.65rem;
                                    border:1px solid $c-ef;
                                    border-radius: .29rem;
                                    text-align: center;
                                    line-height: .58rem;
                                    color: $c-33;
                                    font-size: .29rem;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}